
// 接口文档：https://www.showdoc.com.cn/1834761734600444/8449558512832212

axios.defaults.baseURL = 'http://ajax-api.itheima.net'

// 封装一个函数,以便后面获取元素
const qs = elment => document.querySelector(elment)
// 功能
//  1. 点击按钮，弹出文件选择框
//  2. 实现文件的上传功能

// 模拟点击
qs('#btnChoose').addEventListener('click', function () {
  qs('#iptFile').click()
})
//  功能1. 点击按钮，弹出文件选择框
qs('#iptFile').addEventListener('change', async function () {
  // console.log(1);
  const file = this.files[0]
  // console.log(file)
  if (!file) {
    return
  }
  const fd = new FormData()
  // 把拿到的图片内容放到fd中
  fd.append('avatar', file)
  console.log(fd);

  //  功能2：实现文件的上传功能
  // 发送请求
  const { data: { data } } = await axios.post('/api/file', fd)
  // console.log(data.url);

  // 把地址更换到自己选择的
  qs('.thumb').src = data.url

})


